import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index.ts'
import { createPinia } from 'pinia'
import PrimeVue from 'primevue/config'
import Aura from '@primeuix/themes/aura'
import Antd from 'ant-design-vue'
import { definePreset } from '@primeuix/themes'
import 'primeicons/primeicons.css'

const pinia = createPinia()
const app = createApp(App)
const Noir = definePreset(Aura, {
  semantic: {
    primary: {
      50: '{zinc.50}',
      100: '{zinc.100}',
      200: '{zinc.200}',
      300: '{zinc.300}',
      400: '{zinc.400}',
      500: '{zinc.500}',
      600: '{zinc.600}',
      700: '{zinc.700}',
      800: '{zinc.800}',
      900: '{zinc.900}',
      950: '{zinc.950}'
    },
    colorScheme: {
      light: {
        primary: {
          color: '{zinc.950}',
          inverseColor: '#ffffff',
          hoverColor: '{zinc.900}',
          activeColor: '{zinc.800}'
        },
        highlight: {
          background: '{zinc.950}',
          focusBackground: '{zinc.700}',
          color: '#ffffff',
          focusColor: '#ffffff'
        }
      },
      dark: {
        primary: {
          color: '{zinc.50}',
          inverseColor: '{zinc.950}',
          hoverColor: '{zinc.100}',
          activeColor: '{zinc.200}'
        },
        highlight: {
          background: 'rgba(250, 250, 250, .16)',
          focusBackground: 'rgba(250, 250, 250, .24)',
          color: 'rgba(255,255,255,.87)',
          focusColor: 'rgba(255,255,255,.87)'
        }
      }
    }
  }
})

app.use(router)
app.use(pinia)
app.use(Antd)
app.use(PrimeVue, {
  theme: {
    preset: Noir,
    options: {
      darkModeSelector: 'none',
    }
  }
})





// 配置 Ant Design Vue 主题
// app.provide('themeConfig', {
//   token: {
//     colorPrimary: '#32c790',
//     colorPrimaryBg: '#f0fdf4',
//     colorPrimaryBgHover: '#dcfce7',
//     colorSuccess: '#22c55e',
//     colorWarning: '#f59e0b',
//     colorError: '#ef4444',
//     colorInfo: '#00cccc',
//     // 圆角 - 高度的一半（控制高度36px，所以圆角18px）
//     borderRadius: 18,
//     borderRadiusSM: 14, // 小尺寸组件（高度28px）
//     borderRadiusLG: 22, // 大尺寸组件（高度44px）
//
//     // 增加留白和间距
//     padding: 16, // 基础内边距
//     paddingSM: 12, // 小内边距
//     paddingLG: 20, // 大内边距
//     paddingXS: 8, // 超小内边距
//     paddingXXS: 4, // 极小内边距
//     paddingInline: 20, // 横向内边距 - 专门用于左右间距
//     paddingInlineSM: 16, // 小横向内边距
//     paddingInlineLG: 28, // 大横向内边距 - 更宽敞
//     paddingInlineXS: 12, // 超小横向内边距
//     // 外边距
//     margin: 16, // 基础外边距
//     marginSM: 12, // 小外边距
//     marginLG: 20, // 大外边距
//     marginXS: 8, // 超小外边距
//     marginXXS: 4, // 极小外边距
//
//     // 组件高度
//     controlHeight: 36, // 标准高度
//     controlHeightSM: 28, // 小尺寸高度
//     controlHeightLG: 44, // 大尺寸高度
//
//     // 字体大小
//     fontSize: 14, // 标准字体大小
//     fontSizeSM: 12, // 小字体
//     fontSizeLG: 16, // 大字体
//
//     // 行高
//     lineHeight: 1.5715, // 标准行高
//     lineHeightSM: 1.5, // 小行高
//     lineHeightLG: 1.5, // 大行高
//   },
// })

app.mount('#app')
